<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="text" id="ipt">
<input type="button" id="ipt2" value="获取验证码">

  <script>
     /* 防抖 */
    var ipt=document.querySelector('#ipt')
     /* 节流 */
    var ipt2=document.querySelector('#ipt2')
    ipt.addEventListener('input',()=>{
      // console.log(ipt.value,222222);
      dbounce()
    })

    /* 防抖 连续触发走最后一次 */
    var  timeId=null
    function  dbounce(){
      clearTimeout(timeId)
      timeId= setTimeout(()=>{
        console.log(1111);
       },500)
    }

    /* 节流=====单位时间只走第一次 */
    var flag=true
    var  timeId2=null
    ipt2.addEventListener('click',()=>{
      if(!flag){
        return 
      }
      flag=false
      var n=5
      timeId2= setInterval(() => {
        n-=1

        if(n<1){
          /* 表示时间走完 */
          ipt2.value='获取验证码'
          flag=true
          n=5
          clearInterval(timeId2)
        }else{
          /* 时间还没有走完 */
          ipt2.value=n+'s之后在获取验证码'
        }
      }, 1000);
    })

console.log(Object.prototype.toString.call(2));
  </script>
</body>
</html>